<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="page/department/css/asqEvaluationReport.css">
</head>
<body>
<div class="monitor-report-list">
    <div class="monitor-report-card">
        <div class="col-md-3">
            <i class="fa fa-line-chart monitor-report-icon"></i>
        </div>
        <div class="col-md-9 text-right">
            <div class="monitor-report-val">0</div>
            <div class="monitor-report-label">今日监测</div>
        </div>
    </div>
    <div class="monitor-report-card">
        <div class="col-md-3">
            <i class="fa fa-bar-chart monitor-report-icon"></i>
        </div>
        <div class="col-md-9 text-right">
            <div class="monitor-report-val">0</div>
            <div class="monitor-report-label">监测患者</div>
        </div>
    </div>
    <div class="monitor-report-card">
        <div class="col-md-3">
            <i class="fa fa-pie-chart monitor-report-icon"></i>
        </div>
        <div class="col-md-9 text-right">
            <div class="monitor-report-val">0</div>
            <div class="monitor-report-label">异常次数</div>
        </div>
    </div>
    <div class="monitor-report-card">
        <div class="col-md-3">
            <i class="fa fa-area-chart monitor-report-icon"></i>
        </div>
        <div class="col-md-9 text-right">
            <div class="monitor-report-val">0</div>
            <div class="monitor-report-label">监测次数</div>
        </div>
    </div>
</div>
<div class="monitor-card-list" id="baby-list">
    <div class="monitor-heading">
        <h3 class="panel-title pull-left monitor-title">ASQ评估记录</h3>
        <div class="input-group pull-right monitor-search">
            <input class="form-control" type="text" placeholder="请输入患者姓名" id="key">
            <div class="input-group-addon">
                <span class="fa fa-search"></span>
            </div>
        </div>
        <div class="btn-groupp pull-right" id="getAll">
            <!--<select name="list" class="form-control">
                <option value="all" selected>全部队列</option>
                <option value="blood">血液病队列</option>
                <option value="heart">心脏病队列</option>
                <option value="baby">早产儿队列</option>
            </select>-->
            <button type="button" class="btn btn-default">全部</button>
        </div>
    </div>
    <div class="monitor-user-box" id="monitor-user-box1">
        <div class="monitor-user-card" >
            <div class="card-heading">
                 <i class="fa fa-user"></i>
                 <font class="user-name">张三</font>
                 <label class="user-age">（2个月龄13天）</label>
                 <font class="pull-right monitor-time">3分钟前</font>
            </div>
            <div class="card-body">
                <div>
                    <div class="monitor-number">173</div>
                    <div class="monitor-label">活动空间</div>
                </div>
                <div>
                    <div class="monitor-number">53</div>
                    <div class="monitor-label">活动多样性</div>
                </div>
                <div class="warn">
                    <div class="monitor-number">43</div>
                    <div class="monitor-label">粗大玩具</div>
                </div>
                <div>
                    <div class="monitor-number">43</div>
                    <div class="monitor-label">精细玩具</div>
                </div>
            </div>
        </div>
        <div class="monitor-user-card" >
            <div class="card-heading">
                <i class="fa fa-user"></i>
                <font class="user-name">张三</font>
                <label class="user-age">（2个月龄13天）</label>
                <font class="pull-right monitor-time">3分钟前</font>
            </div>
            <div class="card-body">
                <div>
                    <div class="monitor-number">173</div>
                    <div class="monitor-label">活动空间</div>
                </div>
                <div>
                    <div class="monitor-number">53</div>
                    <div class="monitor-label">活动多样性</div>
                </div>
                <div class="warn">
                    <div class="monitor-number">43</div>
                    <div class="monitor-label">粗大玩具</div>
                </div>
                <div>
                    <div class="monitor-number">43</div>
                    <div class="monitor-label">精细玩具</div>
                </div>
            </div>
        </div>
        <div class="monitor-user-card" >
        <div class="card-heading">
            <i class="fa fa-user"></i>
            <font class="user-name">张三</font>
            <label class="user-age">（2个月龄13天）</label>
            <font class="pull-right monitor-time">3分钟前</font>
        </div>
        <div class="card-body">
            <div>
                <div class="monitor-number">173</div>
                <div class="monitor-label">活动空间</div>
            </div>
            <div>
                <div class="monitor-number">53</div>
                <div class="monitor-label">活动多样性</div>
            </div>
            <div class="warn">
                <div class="monitor-number">43</div>
                <div class="monitor-label">粗大玩具</div>
            </div>
            <div>
                <div class="monitor-number">43</div>
                <div class="monitor-label">精细玩具</div>
            </div>
        </div>
    </div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
        <div class="monitor-user-card"></div>
    </div>
    <div class="monitor-footing">
        <div class="monitor-report-footing pull-left">
            <p>监测记录总数&nbsp;<span class="totalNum"></span>&nbsp;次</p>
        </div>
        <div class="btn-toolbar pull-right" role="toolbar">
            <div class="btn-group">
                <button type="button" class="btn btn-default">首页</button>
                <button type="button" class="btn btn-default">1</button>
                <button type="button" class="btn btn-default">2</button>
            </div>
            <div class="btn-group">
                <button type="button" class="btn btn-default">5</button>
                <button type="button" class="btn btn-default">6</button>
                <button type="button" class="btn btn-default">7</button>
            </div>
            <div class="btn-group">
                <button type="button" class="btn btn-default">10</button>
                <button type="button" class="btn btn-default">11</button>
                <button type="button" class="btn btn-default">尾页</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>